<template>
  <div>
    <!-- 顶部的通栏 -->
    <top-nav />
    <!-- 顶部分类导航 -->
    <top-header />
    <!-- 吸顶组件 -->
    <header-sticky />
    <!-- 内容区(二级路由) -->
    <div class="wrapper">
      <router-view></router-view>
    </div>

    <!-- 底部的Footer -->
    <bottom-footer />
  </div>
</template>

<script>
import HeaderSticky from '../../components/library/header-sticky.vue'
import BottomFooter from './components/bottom-footer.vue'
import TopHeader from './components/top-header.vue'
import topNav from './components/top-nav.vue'
export default {
  components: { topNav, TopHeader, BottomFooter, HeaderSticky },
  name: 'home'
}
</script>

<style scoped>
.wrapper {
  min-height: 500px;
}
</style>
